<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <style type="text/css">
       div{
        background: url(./img/注册.png) no-repeat ;
        opacity: 0.8;
        background-size: 500px 700px;
        width: 500px;
        height: 700px;
        margin: auto;
        /* margin-top:150px; */
        border-radius: 15px;
       }
        table{
            color: rgb(0, 0, 0);
            text-align: center;
            border: 3px dashed black;
            border-radius: 15px;
            width: 500px;
            height: 700px;
            margin: auto;
            font-weight: bold;
            font-size: 20px;
            /* margin-top:150px; */
        }
        #a{
            text-align: right;
        }
        input{
            height: 20px;
            border-radius: 8px;
            border: inset  rgb(141, 141, 222);
        }
        .dl input{
            width: 100px;
            height: 40px;
            border-radius: 25px;
        }
        img{
            width: 500px;
            height: 700px;
            margin: auto;
            /* margin-top:150px; */
        }
       
    </style>
</head>
<body>
    <div> 
        
        <table>
            <form action="./首页.html">
                <tr >
                    <td colspan="2" >
                        <h1>注 &nbsp;&nbsp;册</h1>
                    </td>
                   
                </tr>
                <tr>
                    <td id="a">昵称：</td>
                    <td>
                        <input type="text" placeholder="例如：张三">
                    </td>
                </tr>
                <tr>
                    <td id="a">性别：</td>
                    <td>
                        <input type="radio" name="sex">男
                        <input type="radio" name="sex">女
                    </td>
                </tr>
                <tr>
                    <td id="a">密码：</td>
                    <td>
                        <input type="password" placeholder="请输入六位数密码">
                    </td>
                </tr>
                <tr>
                    <td id="a">再次确认密码：</td>
                    <td><input type="password"></td>
                </tr>
                <tr>
                    <td id="a">兴趣爱好：</td>
                    <td>
                        <input type="checkbox">听音乐
                        <input type="checkbox">唱歌
                        <input type="checkbox">跳舞
                    </td>
                </tr>
                <tr>
                    <td id="a">e-mail：</td>
                    <td>
                        <input type="text" placeholder="例如：@123.163com">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="dl">
                        <input type="submit" value="注册">
                    </td>
                 
                </tr>
            </form>
           
        </table>
    </div> 
    
</body>
</html>